* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	outline: none;
	font-family: "Microsoft YaHei", Arial, Helvetica;
}

a {
	text-decoration: none;
	color: #777777;
}

ul {
	margin-bottom: 0rem;
}

a:hover {
	text-decoration: none !important;
	color: #777777;
}


ul li {
	list-style: none;
}

.container-fluid {
	width: 990px;
	height: 180px;
}

.hm-t-map-card-title {
	border-bottom: 2px solid #f0f0f0;
	padding-top: 6px;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	text-align: center;
	background: #ededed;
	margin-bottom: 10px;
}

iframe {
	margin-left: 5px;
}

.dt {
	width: 100%;
	overflow: hidden;
	padding-left: 4px;
}

.dt li {
	overflow: hidden;
	/* 		height:34px; */
}

.zuo {
	width: 40px;
	height: 25px;
	float: left;
	padding-top: 5px;
	font-size: 13px;
}

.you {
	width: 80%;
	float: right;
	font-size: 13px;
}

.card {
	width: 45px;
	height: 45px;
	color: #fff;
	text-align: center;
	padding-bottom: 45px;
	background-color: rgb(102, 102, 102);
	cursor: pointer;
	position: fixed;
	bottom: 50;
	right: 0;
}

.di {
	width: 241px;
	height: 457px;
	border: 1px solid #c7c7c7;
	position: fixed;
	bottom: 10;
	right: 55;
	background: #Fff;
	z-index: 1000;
	display: none;

}

/* .card:hover .di{
	display: none;
} */
#ding {
	width: 46px;
	height: 46px;
	text-align: center;
	color: #FFFFFF;
	background-color: rgb(102, 102, 102);
	padding-left: 2px;
	padding-right: 2px;
	cursor: pointer;
	position: fixed;
	bottom: 0;
	right: 0;
}

#ding img {
	width: 30px;
	height: 40px;
	padding-top: 10px;
}

#ding span {
	display: none;
}

#ding:hover span {
	display: block;
}

#jia a {
	color: #fff;
}

#zzz {
	float: left;
	background: #000000;
	width: 162px;
	height: 275px;
}

/* 导航
 */
.navbar {
	width: 100%;
	background: red;
	height: 50px;
	padding: 0px 60px;
	position: absolute;
	top: 0px;
	z-index: 1000;
	background: #030C16;
}

.navbar-toggler {
	margin-top: 7px;
	margin-bottom: 8px;
	border: 0px;
}

.daoy {
	/* height: 25px; */
}

.daoy li {
	color: #fff;
}

.y {
	float: left;
	margin-left: 25px;
	cursor: pointer;
}

.y i {
	margin-left: 3px;
}

.y p {
	margin-bottom: 0px;
	margin-top: 0px;
}

.dian {
	margin-left: 25px;
	margin-top: 5px;
}

.cang {
	display: none;
}

.cango {
	display: none;
}

.cangt {
	display: none;
}

.cang {
	color: darkgray;
}

.cango {
	color: darkgray;
}

.cangt {
	color: darkgray;
}

.ng {
	display: none;
	color: darkgray;
}

.x {
	padding: 8px 0;
	margin: 0;
	/*    display: none; */
	text-align: center;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	position: absolute;
	top: 45;
}

.x1 {
	padding: 8px 0;
	margin: 0;
	display: none;
	text-align: center;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	position: absolute;
	top: 10;
}

.x2 {
	padding: 8px 0;
	margin: 0;
	/* display: none; */
	text-align: center;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	position: absolute;
	top: 10;
}

/* 容器 <div> - 需要定位下拉内容 */
.dropdown {
	position: relative;
	display: inline-block;
}

.zhong {
	width: 55px;
	height: 25px;
	border: 1px solid #FFFFFF;
	border-radius: 20px;
	position: relative;
	display: inline-block;
	padding-left: 5px;
}

/* 下拉内容 (默认隐藏) */
.dropdown-content {
	display: none;
	position: absolute;
	border-radius: 5px;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

.z {
	display: none;
	position: absolute;
	border-radius: 5px;
	min-width: 0px;
	background-color: #f9f9f9;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

/* 下拉菜单的链接 */
.dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: center;
}

.z a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: center;
}

/* 鼠标移上去后修改下拉菜单链接颜色 */
.dropdown-content a:hover {
	background-color: #f1f1f1
}

/* 在鼠标移上去后显示下拉菜单 */
.dropdown:hover .dropdown-content {
	display: block;
}

.a {
	position: absolute;
	top: 35px;
	left: -30px;
}

.b {
	position: absolute;
	top: 35px;
	left: -32px;
}

.c {
	position: absolute;
	top: 35px;
	left: -32px
}

.z {
	position: absolute;
	top: 35px;
	left: -20px
}

/* 轮播 */
.banner {
	width: 100%;
	height: 659px;
	position: relative;
}

.banner img {
	width: 100%;
	height: 100%;
}

.fluid-right {
	width: 650px;
	height: 385px;
	padding-top: 0.4rem;
	margin-left: 15px;
	float: left;
	overflow: hidden;
	position: absolute;
	top: 210px;
	left: 455px;
}

.Tpbest {
	position: absolute;
	top: 43%;
	left: 36%;
	color: #fff;
	display: none;
}

.tur {
	float: left;

}

.tur img {
	height: 274px;
	cursor: pointer;
	transition: all 5s;
	width: 488px;
}

.tur li:hover img {
	transform: scale(1.5);
	position: relative;
	z-index: 100;
}

.tur li {
	display: none;
	height: 275px;
	overflow: hidden
}

.tur li.img {
	display: block;
}

.zil {
	width: 148px;
	height: 234px;
	float: right;
}

.zil li {
	width: 125px;
	height: 70px;
	border: 1px solid #E1E1E1;
	margin-bottom: 8px;
	cursor: pointer;
	font-size: 12px;
	overflow: hidden;
}

/
/* 第一个 */
#zi3 img {
	width: 100%;
	height: 100%;
	position: relative;
}

#zi3 p {
	position: absolute;
	top: 31px;
	right: 4.9rem;
	color: #fff;
}

#zi3 hover {
	color: #fff;
}

#zi3 img:hover {
	transform: scale(1.5);
	transition: 5s;
}

/* 第二个 */
#zi1 img {
	width: 100%;
	height: 100%;
	position: relative;
}

#zi1 p {
	position: absolute;
	top: 110px;
	right: 4.9rem;
	color: #fff;
}

#zi1 hover {
	color: #fff;
}

#zi1 img:hover {
	transform: scale(1.5);
	transition: 5s;
}

/* 第三个 */
#zi2 img {
	width: 100%;
	height: 100%;
	position: relative;
}

#zi2 p {
	position: absolute;
	top: 190px;
	right: 3.9rem;
	color: #fff;
}

#zi2 hover {
	color: #fff;
}

#zi2 img:hover {
	transform: scale(1.5);
	transition: 5s;
}

.tpb {
	height: 370px;
	padding: 6.2rem 3.6rem;
}

.tpb-left {
	width: 643px;
	height: 257px;
	float: left;
}

.tpb-left p {
	color: #666;
}

.imgbox {
	width: 131px;
	height: 131px;
	float: left;
}

.tpb-right {
	width: 296px;
	height: 220px;
	float: left;
	margin-left: 21px;
	margin-top: 50px;
}

.tpb-right p {
	font-size: 12px;
	color: red;
	margin-bottom: 5px;
}

.btno {
	display: block;
	width: 228px;
	height: 47px;
	border: 2px solid red;
	border-radius: 100rem;
	line-height: 47px;
	text-align: center;
	cursor: pointer;
	position: relative;
}

.btno i {
	display: none;
}

.btno span {
	color: red;
}

.btno i {
	color: red;
}

.btno:hover span {
	-webkit-transition: all 0.5s ease-in;
	margin-right: 10px;
}

.btno:hover i {
	display: inline-block;
	-webkit-transition: all 0.5s ease-in;
	margin-left: 10px;
}


.fluid {
	height: 500px;
	padding-left: 5.5625rem;
}

#ba li {
	width: 297px;
	height: 347px;
	border: 1px solid #e1e1e1;
	text-align: center;
	float: left;
	margin: 0 2.6rem 2.6rem 0;
	box-shadow: 3px 3px 10px #666;
}

#ba li img {
	width: 295px;
	height: 220px;
}

.board {
	padding-top: 20px;
}

.board p {
	color: #666;
}

/* 联系我们 */
.contact {
	width: 100%;
	padding: 6rem 3.6rem;
	background-color: #f5f5f5;
	overflow: hidden;
}

.conta {
	width: 990px;
	height: 257px;
}

.clearfix {
	padding-bottom: 30px;
	overflow: hidden;
}

.clearfix li {
	float: left;
	margin-right: 40px;
	color: #000;
}

.clearfix li a {
	text-decoration: underline;
	color: #000;
}

.clearfix li:hover a {
	text-decoration: none;
	color: #D80715;
}

/* 联系我们 */
.contact {
	width: 100%;
	padding: 6rem 3.6rem;
	background-color: #f5f5f5;
	overflow: hidden;
}

.conta {
	width: 990px;
	height: 257px;
}

.clearfix {
	padding-bottom: 30px;
	overflow: hidden;
}

.clearfix li {
	float: left;
	margin-right: 40px;
	color: #000;
}

.clearfix li a {
	text-decoration: underline;
	color: #000;
}

.clearfix li:hover a {
	text-decoration: none;
	color: #D80715;
}



.part1 {
	width: 585px;
	float: left;
}

.clearfi li {
	width: 288px;
	height: 55px;
	float: left;
}

.clearfi li p {
	color: #999;
	font-size: 12px;
}

.clearfi li p a {
	color: #000;
}

.clearfi li a:hover {
	text-decoration: underline !important;
}

.part2 {
	width: 325px;
	height: 181px;
	float: right;
	padding-left: 15px;
}

.part2 li {
	float: left;
	margin-right: 24px;
}

.part2 li p {
	color: #999;
}

.four {
	color: #000000;
}

.imgbox img {
	width: 115px;
	height: 115px;
}

footer {
	width: 100%;
	background: #f5f5f5;
	height: 56px;
	border-top: 0.005rem solid #e1e1e1;
}

.foor {
	text-align: center;
	width: 990px;
	padding-top: 15px;
}

.foor:hover a {
	color: #337ab7;
}


.hm-t-go-top {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 40px;
	height: 37px;
}

/* 手机端 */
@media (max-width :600px) {
	.daoy {}

	.y {
		float: none;
		width: 265px;
		height: 24px;

	}

	.zhong {
		width: 55px;
		height: 25px;
	}

	.dian {
		display: none;
	}

	.a {
		position: absolute;
		top: -31px;
		left: 100px;
		background: #000000;
		opacity: 0.5;
	}

	.a a {
		color: #999999;
	}

	.b {
		position: absolute;
		top: -31px;
		left: 100px;
		background: #000000;
		opacity: 0.5;
	}

	.b a {
		color: #999999;
	}

	.c {
		position: absolute;
		top: -77px;
		left: 100px;
		background: #000000;
		opacity: 0.5;
	}

	.c a {
		color: #999999;
	}

	.banner {
		height: 306px;
	}

	.fluid-right {
		display: none;
	}

	.Tpbest {
		display: block;
	}

	#bra {
		width: 100%;
		height: 210px;
	}



	.container-fluid {
		width: 100%;
	}

	.fluid {
		padding-left: 2.5625rem;
	}

	.tpb {
		padding: 3.2rem 1.6rem;
		height: 590px;
	}

	.tpb-left {
		width: 100%;
		height: 397px;
		float: none;
	}

	.tpb-right {
		width: 100%;
		float: none;
		margin-top: 0px;
		margin-left: 0px;
	}

	#bra h1 {
		font-size: 22px;
	}

	.brand .swiper-container {
		display: none;
	}

	.contact {
		background: #fff;
		padding: 0px !important;
	}

	.conta {
		width: 100%;
		height: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}

	.clearfix {
		border-bottom: 1px solid #e1e1e1;
		background: #f5f5f5;
		padding-top: 30px;
	}

	.clearfix li {
		width: 33%;
		margin-bottom: 20px;
		margin-right: 0px !important;
		margin-left: 46px;
	}

	.clearfix li a {
		text-decoration: none;
	}

	.aboutus {
		width: 100%;
		height: 565px;
		background: #fff;
	}

	.part1 {
		width: 100%;
		height: 53%;
		padding-top: 30px;
		float: none;
		background: #f5f5f5;
		padding-left: 40px;
	}

	.clearfi {
		float: none;
	}

	.clearfi li p a {
		color: #5E94C3;
	}

	.sm-hidden {
		display: none;
	}

	.part2 {
		float: none;
		width: 100%;
		padding: 1.8rem 8.4rem;
		background-color: #fff;
		background: #FFFFFF;

	}

	footer {
		background: #fff;
	}

	.foor {
		width: 100%;
	}

}
